 @font-face {
    font-family: 'Panefresco1wtRegular';
    src: url('../fonts/panefresco/Panefresco1wtRegular-webfont.eot');
    src: url('../fonts/panefresco/Panefresco1wtRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/panefresco/Panefresco1wtRegular-webfont.woff') format('woff'),
         url('../fonts/panefresco/Panefresco1wtRegular-webfont.ttf') format('truetype'),
         url('../fonts/panefresco/Panefresco1wtRegular-webfont.svg#Panefresco1wtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Panefresco250wtRegular';
    src: url('../fonts/panefresco/Panefresco250wtRegular-webfont.eot');
    src: url('../fonts/panefresco/Panefresco250wtRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/panefresco/Panefresco250wtRegular-webfont.woff') format('woff'),
         url('../fonts/panefresco/Panefresco250wtRegular-webfont.ttf') format('truetype'),
         url('../fonts/panefresco/Panefresco250wtRegular-webfont.svg#Panefresco250wtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*****http://tympanus.net/codrops/2012/10/25/kick-start-your-project-a-collection-of-handy-css-snippets/****/

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

h1,h2{
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

.btn{
  font-family: 'Panefresco1wtRegular','sans-serif';
}

@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a {
        text-decoration: underline;
    }
 
    a[href]:after {
        content: " (" attr(href) ")"; 
    }
 
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}

/************************/
  #container{
    background: #01a2a6;
  }


  body{
    background: #190046;/*url("../img/binding_dark.png") repeat repeat;*/
    font-family: 'Panefresco1wtRegular','sans-serif'
  }

  .demo-headline{
    background: #310c45;
  }
  .demo-headline.mini {
      height: 70px;
     }

  .twhmenu{
    position: relative;
    margin-top: -70px;
    margin-right: 20px;

  }

   .twhfooter{
    position: relative;
    margin-top: 10px;
    margin-right: 75px;

  }

  .twhfooter .navbar-inner{
    box-shadow:none;
  }

  .twhfooter span{
    color: #222;
    
  }

  .titolo{
    font: 25px 'Panefresco1wtRegular', Arial, sans-serif;
    color: #fff;
  }

   .messaggio{
    font: 17px 'Panefresco1wtRegular', Arial, sans-serif;
    color: #B2F5EF;
  }

  .icon{
    position: relative;
    color: #FFF;
    top: 60px;
    left: -63px;
    font-size: 39px;
  }
   .icon-imac{
    left: -85px;
  font-size: 39px;
  top: 54px;
  }
    .icon-iphone{
    left: -64px;
    font-size: 30px;
  }


  .icon-menu{
    background: none;
    font-size: 30px;
    border: 0;
    text-shadow:none;
    color: #fff;
    top:0px;
    position: relative;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    left: -5px;
  }

  .icon-menu:hover{
    background: none;
    font-size: 30px;
    border: 0;
    text-shadow:none;
    /*color: #fff;*/
    top:-10px;

  }

  footer{
    
    height: 100px;


  }

  .scheda{
     -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    height: 0px !important;
    min-height: 0px !important;
    overflow: hidden;

  }

  .scheda.open{
    height: 500px !important;
  }

  .scheda.open .closebutton{
    opacity:1;
  }

  .loading{
     opacity: 0;
  }

  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);

    }
    to { 
      -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);

    }
  }
    .loading i
    {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name:             rotate; 
    -moz-animation-duration:         0.5s; 
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function: linear;
    }

  .scheda.open .loading{
    opacity: 1;
    position: relative;
    left: 50%;
    margin-left: -27px;
    top: 25%;
  }

  .closebutton{
    color: #333;
    position: relative;
    left: 100%;
    margin-left: -40px;
    top: 0px;
    opacity: 0;
    cursor: pointer;
  }

  .triangolo{
      width: 0; 
      height: 0; 
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      position: relative;
      left: 49%;
      background:transparent;
      border-top: 20px solid #01a2a6;
  }

  h1.demo-logo {
        font: 27px 'Panefresco250wtRegular', Arial, sans-serif;
        background:  none !important;
  }
  .demo-logo .light {
        font: 27px 'Panefresco1wtRegular', Arial, sans-serif;
  }

  .demo-logo .logo {
    background: url("../images/logo.png") center 0 no-repeat;
    height: 300px;
    margin: 0 auto 26px;
    overflow: hidden;
    text-indent: -9999em;
    /*width: 300px; */
    background-size: 100% auto;
  }
  
   .logo.mini {
    background: url("../images/logo_mini.png") center 0 no-repeat;
    height: 150px;
    margin: 0 auto 0px;
    overflow: hidden;
    text-indent: -9999em;
    width: 300px;
    position: relative;
    top: -64px }